﻿.songlist-playlist {
	display: inline-block;
}

.songlist-mode-selection {
	margin-right: 5px;
}

.songlist-sort {

	margin-left: 15px;
	margin-right: 15px;

	.btn {
		margin-bottom: 5px;
	}

}

.songlist-text-query input {
	margin-bottom: 0;
}

.songlist-playlist-player {

	max-width: 560px;
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: top;
	padding: 4px;
	border-radius: 3px;
	background-color: white;

	.song-info {

		margin-left: 4px;

		&, &:hover, &:visited {
			color: white;
		}		
	}

}

.songlist-playlist-player-artists {
	font-size: smaller;
	color: gray;
}

.songlist-playlist-songs-wrapper {
	padding: 2px;
	border-radius: 3px;
	background-color: white;
	display: inline-block;
}

.songlist-playlist-songs {

	width: auto;
	overflow-y: auto;
	min-width: 250px;
	max-height: 400px;
	display: inline-block;
	margin-bottom: 0;

	tr {
		cursor: pointer;
		height: 36px;
		
		&.active {
			background-color: #d9edf7;
		}

		&:hover, &.active:hover {
			background-color: #B2DFF4;
		}

	}

	td {
		vertical-align: middle;
	}

	tr:nth-child(odd) {

		& > td {
			background-color: #f9f9f9;
		}

		&:hover > td, &.active > td {
			background-color: transparent;
		}

	}

}